<template>
	<view class="home-container">
		<view class="self-billing">
			<view class="card-main">
				<view class="card">
					<view class="info-title">
						在线复诊
					</view>
					<view class="patient-row">
						<view class="label">所属医院 ：</view>
						<view class="value"><u-switch v-model="hosp" size="20" @change="change"></u-switch></view>
					</view>
					<view class="patient-row">
						<view class="label">在线复诊 ：</view>
						<view class="value"><u-switch v-model="re" size="20" @change="change"></u-switch></view>
					</view>
					<view class="patient-row-end">
						<text class="label">用药咨询 ：</text>
						<text class="value"><u-switch v-model="cust" size="20" @change="change"></u-switch></text>
					</view>

				</view>
			</view>
			<view class="info-title">
				服务设置
			</view>

			<view class="card-main">
				<view class="card">
					<view class="info-title" @click="show = true">图文问诊</view>
					<view class="">
						<view class="patient-row">
							<view class="label">每日预约限制 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">单次定价 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">服务时长 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">对话条数 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">延时上限 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row-end">
							<view class="label">增加对话上限 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<!-- <u-popup :show="show" mode="bottom"  @close="close" @open="open">
						        <view>
						            <text>人生若只如初见，何事秋风悲画扇</text>
						        </view>
							</u-popup> -->
					</view>
				</view>
			</view>
			<view class="card-main">
				<view class="card">
					<view class="info-title" @click="show = true">语音问诊</view>
					<view class="">
						<view class="patient-row">
							<view class="label">每日预约限制 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">单次定价 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">服务时长 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						
						<view class="patient-row-end">
							<view class="label">延时上限 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						
						<!-- <u-popup :show="show" mode="bottom"  @close="close" @open="open">
						        <view>
						            <text>人生若只如初见，何事秋风悲画扇</text>
						        </view>
							</u-popup> -->
					</view>
				</view>
			</view>
			<view class="card-main">
				<view class="card">
					<view class="info-title" @click="show = true">视频问诊</view>
					<view class="">
						<view class="patient-row">
							<view class="label">每日预约限制 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">单次定价 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						<view class="patient-row">
							<view class="label">服务时长 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
		
						<view class="patient-row-end">
							<view class="label">延时上限 </view>
							<view class="value">
								<view>5次</view>
								<view class="icon-line"> <u-icon name="arrow-right"></u-icon></view>
							</view>
						</view>
						
						<!-- <u-popup :show="show" mode="bottom"  @close="close" @open="open">
						        <view>
						            <text>人生若只如初见，何事秋风悲画扇</text>
						        </view>
							</u-popup> -->
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'

	export default {
		components: {

		},
		data() {
			return {
				show: false,
				orderStat: {
					preNo: '7883239666',
					patName: "托尔斯泰",
					age: '25',
					sex: 1,
					diag: '上呼吸道感染',
					startTime: '2025-09-07 15:35:17',
					state: '1',
					druger: '系统预审',
					dept: '呼吸科',
					doctor: '张宇',
					orderList: [{
						"name": '阿莫西林分散片',
						spec: '1ml:10盒',
						freq: 'TId',
						dose: '10',
						doseUnit: '片',
						route: '口服',
						"amount": '1'
					}]
				}
			}
		},
		computed: {
			...mapGetters([
				'userInfo'
			]),
		},
		methods: {
			toPagePath(path) {
				uni.navigateTo({
					url: path
				})
			},

		}
	}
</script>

<style scoped>
	.home-container {
		min-height: 100vh;
		padding: 32rpx;
	}





	.info-title {
		height: 30rpx;
		font-size: 32rpx;
		color: #333333;
		line-height: 30rpx;
		position: relative;
		margin-bottom: 32rpx;

	}

	.info-title::after {
		content: '';
		position: absolute;
		bottom: -16rpx;
		left: 0;
		width: 44rpx;
		height: 8rpx;
		background: linear-gradient(90deg, #41CFE6 0%, #14A5FF 100%);
		border-radius: 414rpx;
	}

	.card-main {
		background: linear-gradient(180deg, #EAF1FF 0%, #F6F8FC 20%, #FFFFFF 100%);
		box-shadow: 0rpx 8rpx 32rpx 0rpx rgba(0, 0, 0, 0.102);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		margin-bottom: 32rpx;
		padding: 24rpx;
		font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
		font-weight: 400;
		font-style: normal;
		text-transform: none;
		text-align: left;
	}


	.top-box {
		display: flex;
		justify-content: space-between;
		margin-bottom: 38rpx;
	}

	.patient-row {
		display: flex;
		justify-content: space-between;
		padding: 48rpx 0 24rpx 0;
		border-bottom: 2rpx solid #F3F3F3;
	}

	.patient-row-end {
		display: flex;
		justify-content: space-between;
		padding: 48rpx 0 24rpx 0;
	}

	.icon-line {
		margin-top: 7rpx;
		margin-left: 5rpx;
	}


	.label {
		font-size: 30rpx;
		color: #666666;
		width: 10em;

	}

	.value {
		display: flex;
		font-size: 30rpx;
		color: #999999;

	}
</style>